*{
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
$font-size : 12px;
$color : #352f31;
//  header
#header{
    width: 100%;
    height: 35px;
    background: #f2f2f2;
    border-bottom: 1px solid #666;
    .header{
        width: 960px;
        height: 35px;
        margin: 0 auto;
        line-height: 34px;
        font-size: $font-size;
        a{
            color: $color;
        }
        ul{
            float: right;
            li{
                float: left;
                margin: 0 10px;
            }
            .shop{
                position: relative;
                display: inline-block;
                width: 100px;
                height: 33px;
//              border: 1px solid #000;
                img{
                    width: 18px;
                    height: 14px;
                }
                .p-shopping{
                    width: 200px;
                    height: 35px;
                    position: absolute;                  
                    background: #fff;
                    left: -50px;
                    top: 35px;
                    display: none;
                }
                
               .num{
                   color: #d41c4f;
               }
            }
            .w-nav{
                position: relative;
                width: 70px;
                height: 33px;
//              border: 1px solid #000;
            }
        }
    }
}
 .sanjiao{
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 5px solid #999;
        position: absolute;
        top: 15px;
        left: 53px;
 }
   #sanjiao1{
     left: 80px;
   }
// nav:
#nav{
    width: 100%;
    height: 80px;
    .nav{
        width: 960px;
        height: 80px;
        margin: 0 auto;
        a{
            float: left;
            img{
                margin-top: 13px;
            }
        }
        .nav-center{
            width: 310px;
            margin-left: 250px;
            margin-top: 15px;
            float: left;
            .search{
                width: 249px;
                height: 30px;
                border: 1px solid #999999;
                border-right: none;
                float: left;
            }
            .btn-search{
                width: 60px;
                height: 32px;
                background: #ca224e;
                color: #fff;
                border: none;
                font-size: 18px;
                float: left;
            }
            ul{
                margin-top: 35px;
                li{
                    float: left;
                    a{
                        font-size: $font-size;
                        color: $color;
                        margin: 3px 5px;
                    }
                    .first-key{
                        margin-left: 0;
                        color: #D41C4F;
                    }
                }
            }
            
        }
        .nav-right{
            margin-right: 0;
            float: right;
            width: 225px;
            li{
                float: left;
               
            }
        }
    }
}
// 一级菜单 menu：
#menu{
    width: 100%;
    height: 30px;
    background: #d41c4f;
    .menu{
       width: 960px;
       height: 30px; 
       margin: 0 auto;
       ul{
           li{
               float: left;
               font-size: 14px;
               line-height: 30px;
               text-align: center;
               width: 52px;
              a{
                  color: #fff;
              }
           }
           .all-btn{
               font-size: $font-size;
               width: 184px;
               background: #ac143f;
               position: relative;
               #menu-select{
                   width: 0;
                   height: 0;
                   border: 5px solid transparent;
                   border-top: 5px solid #fff;
                   position: absolute;
                   top: 14px;
                   right: 37px;
               }
               // 二级菜单 submenu：
            .submenu{
                display: none;
                z-index: 500;
                width: 182px;
                height: 380px;
                background: #fff;
                border: 1px solid #CCCCCC;
                position: absolute;
                left: 0;
                top: 30px;
                li{
                    text-align: left;
                    clear: both;
                    width: 150px;
                    padding: 1px 15px;
                    border-bottom: 1px solid #E1E1E1;
                    h3{ 
                        a{
                            font-size: 14px;
                            color: $color;
                        }
                        span{
                            font-size: 16px;
                            color: #ccc;
                            float: right;
                        }
                    }
                    p{
                        a{
                            font-size: $font-size;
                            color: #666;
                        }
                    }
                }
                .morebao{
                    font-size: $font-size;
                    color: $color;
                    margin-left: 35px;
                    margin-top: 70px;
                }
            }
            // 三级菜单thrmenu：
            .thrmenu{
//              display: none;
                z-index: 151;
                background: #fff;
                width: 600px;
                height: 380px;
                border: 1px solid #E1E1E1;
                position: absolute;
                left: 180px;
                top: 0;
                dl{
                    text-align: left;
                    margin-left: 20px;
                    dt{
                        font-size: 14px;
                        color: #CA224E;
                        margin: 8px 0;
                        a{
                            float: right;
                            font-size: $font-size;
                            color: #999;
                            padding-right: 20px;
                        }
                    }
                    dd{
                        float: left;
                        border: 1px solid #E1E1E1;
                    }
                }
                .menu-Left{
                    float: left;
                    width: 300px;
                    dl{
                        height: 80px;
                        border-bottom: 1px solid #E1E1E1;
                        dt{
                            margin-bottom: 0;
                        }
                        dd{
                            border: none;
                            a{
                               font-size: $font-size;
                               color: #666666;
                               padding: 0 5px ;                             
                            }
                        }
                    }
                }
                .menu-right{
                    float: right;
                    width: 300px;
                    dl{
                       height: 90px;
                       border-bottom: 1px solid #E1E1E1;
                        dd{
                            border: none;
                            a{
                               font-size: $font-size;
                               color: $color;
                               padding: 0 5px;
                            }
                        }
                    }
                }
            }
           }
           .tel{
               float: right;
               margin-left: 400px;
               font-size: $font-size;
           }
       }
    }
}
#center{
    height: 300px;
}
#content{
    width: 100%;
    height: 120px;
    .content{
        width: 960px;
        height: 120px;
        margin: 0 auto;
        #content-pic{
            height: 120px;
            display: inline-block;
            padding-right: 450px;
            border-right: 1px solid #ccc;
            overflow: hidden;
        }
        dl{
            padding-top: 20px;
            float: right;
            text-align: center;
            dt{
                color: $color;
                font-size: 14px;
            }
            dd{
                margin-top: 30px;
               
                img{
                    border-left: 1px solid #ccc;
                    padding:0 10px;
                }
                #weixin{
                    border: none;
                }
            }
        }
    }
}
// 底部ico：
#buttom-ico{
    width: 100%;
    height: 50px;
    .buttom-ico{
        width: 960px;
        height: 50px;
        background: #e61e56;
        margin: 0 auto;
        ul{
            margin: 0 150px;
            li{
                float: left;
                width: 160px;
                text-align: center;
                line-height: 50px;
                a{
                    color: #fff;
                    font-size: $font-size;
                }
            }
        }
    }
}
// buttom:
#buttom{
    margin-top: 30px;
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 150px;
    .buttom{
        width: 960px;
        height: 150px;
        margin: 0 auto;
       ul{
         li{
             float: left;
             font-size: $font-size;
             border-left: 1px solid #ccc;
             margin: 20px 0;
             padding: 0 27px;
             a{
                 display: block;
                 color: #999;
                 line-height: 2;
             }
             h4{
                 font-size: 14px;
                 a{
                     color: $color;                     
                 }
             }
             h3{
                 margin-top: 10px;
                 color: #666;
                 font-size: 15px;
             }
             h2{
                 color: #352F31;
                 font-size: 20px;
                 line-height: 2.2;
             }
             .server{
                 background: #e61e56;
                 width: 120px;
                 height: 30px;
                 border-radius: 3px;
                 font-size: 14px;
                 color: #fff;
                 text-align: center;
                 line-height: 30px;
             }
         }
       }
    }
}
#footer{
    width: 100%;
    height: 100px;
    .footer{
        width: 960px;
        height: 100px;
        margin: 0 auto;
        p{
            font-size: $font-size;
            color: #999;
            text-align: center;
        }
        ul{
             margin-left: 150px;
             height: 50px;
             line-height: 40px;
            li{
                float: left;
                padding: 20px 10px;
                a{
                    font-size: $font-size;
                     color: #999;
                }
            }
        }
    }
}
